/* common style---------------------------------------------------------------------------- *//* common style---------------------------------------------------------------------------- */

/* layout */                
body{ font-family: Arial, Helvetica, sans-serif; min-width: 1200px;}   
a{outline:none;}                
.clearfix { *zoom: 1;}
.clearfix:before,.clearfix:after { display: table;  line-height: 0;  content: "";}
.clearfix:after { clear: both;}
.l_center{ margin:0 auto;}
.l_fl{float:left;}
.l_fr{float:right;}
.l_omit{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.l_inblock{display:inline-block;*display:inline;*zoom:1;}
.l_hide{ display:none;}
.l_show{ display:block;}
.l_noborder{ border:none !important;}
.l_notopborder{ border-top:none !important;}
.l_nobottomborder{ border-bottom:none !important;}

/* wrap */
.w980{width:980px;}
.w1200{width:1200px;}
.w50{width:50px;}
.w100{width:100px;}
.w150{width:150px;}
.w200{width:200px;}
.w250{width:250px;}

.mb5{ margin-bottom: 5px; }
.mb10{ margin-bottom: 10px; }
.mb20{ margin-bottom: 20px;}
.mb25{ margin-bottom: 25px;}
.mb30{ margin-bottom: 30px;}
.mt10{ margin-top: 10px; }
.mt20{ margin-top: 20px; }
.mt30{ margin-top: 30px; }

.pt10{ padding-top: 10px; }
.pt20{ padding-top: 20px; }
.pt30{ padding-top: 30px; }
.pt40{ padding-top: 40px; }
.pt50{ padding-top:50px; }
.pt80{ padding-top:80px; }
.pt100{ padding-top:100px; }
.plr4{ padding:0 4px;}
.pl10{ padding-left:10px;}
.pl20{ padding-left:20px;}
.pr20{ padding-right:20px;}
.pb40{ padding-bottom: 40px; }
.pb10{ padding-bottom: 10px; }
.pb20{ padding-bottom: 20px; }
.pt38{ padding-top:38px;}
.pt45{ padding-top:45px;}

/* color */
.c-f40{ color:#FF4400}
.c-f00{ color:#F00;}
.c-09f{ color:#0099FF;}
.c-000{ color:#000;}
.c-333{ color:#333;}
.c-555{ color:#555;}
.c-777{ color:#777;}
.c-999{ color:#999;}
.c-ccc{ color:#ccc;}
.c-3aaaf8{ color:#3aaaf8;}
.c-5dc070{ color:#5dc070;}
.c-fc6451{ color:#fc6451;}

/* font */
.f-12{ font-size:12px;}
.f-16{ font-size:16px;}
.f-18{ font-size:18px;}
.f-yh{font-family: "\5FAE\8F6F\96C5\9ED1";}
.f-georgia{font-family:Georgia;}


/* modules style---------------------------------------------------------------------- */

::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { -webkit-border-radius: 3px; background-color: rgba(113, 112, 107, .1); }
::-webkit-scrollbar-thumb:vertical { -webkit-border-radius: 3px; background-color: rgba(0, 0, 0, .2); }
::-webkit-scrollbar-thumb:vertical:hover,
::-webkit-scrollbar-thumb:horizontal:hover { background: rgba(0, 0, 0, .5); }
::-webkit-scrollbar-thumb:horizontal { -webkit-border-radius: 3px; background-color: rgba(0, 0, 0, .2); }
::-webkit-scrollbar-corner { background-color: transparent; }


/* modules-popup */
.uimodal-bg{ position: absolute; left: 0; top: 0; background: #000; filter: alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3; z-index: 9999; }
.uimodal {border-radius: 6px; padding: 0px; background: rgba(0,0,0,0.2); z-index: 99999; position: absolute; -webkit-box-shadow: 0px 1px 6px #999; -moz-box-shadow: 0px 1px 6px #999; box-shadow: 0px 1px 6px #999; }
.uimodal-inner {filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; *border:2px #999 solid;}
.uimodal-header{ position:relative; border-radius:6px 6px 0 0; background: #fcfcfc; color: #333; height: 50px; overflow: hidden; border-bottom:1px solid #f0f0f0;}
.uimodal-header strong { display:block; padding-left: 15px; line-height:50px; width:80%; font-size: 16px; font-family: "Microsoft YaHei"; font-weight:normal;}
.uimodal-header button.close {background: transparent; border:0; position:absolute; padding: 0;cursor: pointer;font-size: 20px; line-height:20px;font-weight: bold;color: #ccc;text-shadow: 0 1px 0 #fff; right:10px; top:25%;}
.uimodal-header button.close:hover {color: #999;}
.uimodal-body{ background:#FFF; padding:30px;}
.uimodal-footer{border-radius:0 0 6px 6px; padding:20px; background:#f5f5f5; border-top: 1px solid #ededed; text-align:center;}
.uimodal-footer-none{background:#FFFFFF; border:none;}


/*modules-button*/
button.modal-btn,a.modal-btn{ display:inline-block; padding:10px 40px; *padding:10px 20px; border-radius: 3px;font-family: "Microsoft YaHei"; font-size:14px; border:1px solid #CCC; margin-left:10px;box-shadow: 0 1px 2px rgba(0,0,0,0.1); cursor:pointer; text-decoration:none; *zoom:1; *display:inline;  color:#333;}
button.modal-btn:hover,a.modal-btn:hover{ background:#FFFFFF; box-shadow:none;}

button.btn-long,a.btn-long{ padding-left:60px; padding-right:60px;}
button.btn-primary,a.btn-primary{}
button.btn-primary:hover,a.btn-primary:hover{background:#0097ff;}

button.btn-blue,a.btn-blue{ color:#FFFFFF !important; background:#23a5ff; border:none !important;}
button.btn-blue:hover,a.btn-blue:hover{background:#0097ff;}
button.btn-red,a.btn-red{color:#fff !important; background:#fc6451; text-align:center; border:none !important;}
button.btn-red:hover,a.btn-red:hover{ background:#ff8070;}


/*modules-form*/
form .placeholder{ color:#999999;}
.input-txt{ display:inline-block; border:1px #dbdbdb solid;height:32px; border-radius:2px; line-height:32px; padding-left:4px; *zoom:1; *display:inline;}
.input-radio{ vertical-align:middle; margin:0 4px;}

.validator-error{ color:#ff2e2e;font-size:12px; padding-top:5px;}
.validator-error i{ vertical-align:middle; width:12px; height:12px; display:inline-block; background:url(../images/img_order.png) -60px 0; *zoom:1; *display:inline; margin-right:4px; }
.validator-true{ display:inline-block; color:#333;font-size:12px; padding-top:10px;*zoom:1; *display:inline;}
.validator-true i{ vertical-align:middle; width:12px; height:12px; display:inline-block; background:url(../images/img_order.png) -80px 0; *zoom:1; *display:inline; margin-right:4px;}

.inputTextFocus{ border:1px #67c1ff solid!important;}
.inputTextEorror{ border:1px #ff4242 solid!important;}
.inputTextTrue{ border:1px #62ca2f solid!important;}

/*modules-breadcrumb*/
.breadcrumb{font-family: "Microsoft YaHei"; margin-bottom:20px;}
.breadcrumb span{ display:inline-block; *display:inline; *zoom:1; font-size:12px; line-height:18px;}
.breadcrumb span.breadcrumb-item a,.breadcrumb span.breadcrumb-item a:hover{color:#555;}
.breadcrumb span.breadcrumb-current{color:#999;}
.breadcrumb span.breadcrumb-ico{ width:10px; height:12px; background:url(../images/other/other_ico.png) -70px -34px no-repeat; vertical-align:middle;}


/*modules-page*/
.page{ padding:40px 0; text-align:center;}
.page-inner{ height:36px; display:inline-block; *display:inline; *zoom:1;}
.page .item{ width:34px; height:34px; line-height:34px; border:1px solid #ededed; background:#fff; text-align:center; margin-left:-1px; float:left; position:relative; z-index:1;}
.page .item .num{ font-family:Arial; color:#555; font-size:14px; display:block; cursor:pointer;}
.page .item .dot{ width: 34px; color:#555; font-size:14px; display:block; text-align: center;  background: #f4f4f4; }
.page .item.active .num,
.page .item.prev-disabled .num,
.page .item.next-disabled .num{ cursor:default;}
.page .item .num span{ display:inline-block; *display:inline; *zoom:1;}
.page .item.active,
.page .item.active:hover{ background:#3aaaf8; border-color:#3aaaf8; z-index:2;}
.page .prev,
.page .next{ width:70px;}
.page .prev{ margin-right:5px;}
.page .next{ margin-left:5px;}
.page .item.no{ z-index: 1 !important; border:none !important;}
.page .item .icon{ display:inline-block; *display:inline; *zoom:1; width:10px; height:10px; background:url(../images/other/other_ico.png) no-repeat; overflow:hidden;}
.page .item:hover{ border-color:#777; z-index:2;}
.page .prev .icon{ background-position:0 -34px;}
.page .prev-disabled .icon{ background-position:-10px -34px;}
.page .next .icon{ background-position:-30px -34px; margin-left: 5px;}
.page .next-disabled .icon{ background-position:-40px -34px; }
.page .active .num,
.page .active:hover .num{ color:#fff;}
.page .prev-disabled .num,
.page .prev-disabled:hover .num,
.page .next-disabled .num,
.page .next-disabled:hover .num{ color:#d0d0d0;}
.page .prev-disabled:hover,
.page .next-disabled:hover { border-color:#ededed;}
.page .dot{border: none;line-height: 36px;width: 30px;cursor: default; margin-left:0;}

/* header&footer style---------------------------------------------------------------------- */

/*hf-public*/
.grid-inner{ margin: 0 auto;}
.grid-inner { *zoom: 1;}
.grid-inner:before,.grid-inner:after { display: table;  line-height: 0;  content: "";}
.grid-inner:after { clear: both;}

a{text-decoration:none; color:#555;}
a:hover{ text-decoration:none;}

.inside-list .grid-inner{ width:1200px; position:relative;}
.inside-list .cc-content{ background:#f4f5f7; padding-top: 30px;padding-bottom: 50px;}
.product-detail .logo_second{ display:none;}
.product-detail .grid-inner{ width:1200px;position:relative;}
.product-detail .cc-content{ background:#f4f5f7;padding-top: 30px;padding-bottom: 50px;}
.product-detail .cc-nav .grid-inner > ul > li > a{padding: 0 22px;}
.product-detail #disclosure .nav-down a{padding: 0 22px;}

/*cc-toolbar*/
.cc-toolbar{height:34px; width:100%; background:#fafafa; border-bottom:1px solid #f0f0f0; position:relative; z-index:5;font-family:"\5FAE\8F6F\96C5\9ED1"; }
.cc-toolbar .grid-inner{text-align:right; position:relative;}
.toolbar-l{ position:absolute; left:0; top:0; text-align:left;}
.toolbar-l li{float:left;position:relative;  width:92px; font-size:12px; color:#555; background:url(../images/img_public2016.png) right -20px no-repeat; padding-right:1px; height:34px; line-height:34px;}
.toolbar-l li.phone{ width:92px;}
.toolbar-l li.weixin{ width:92px;}
.toolbar-l li.app{ width:92px;}
.toolbar-l li.weibo{ width:92px;}
.toolbar-l li.xxpl{ width:82px;}
.toolbar-l li:active{}
.toolbar-l li a.toolbar-a{ display:block;padding-left:31px;color:#555;position: relative;z-index: 5; height:34px; line-height:34px;}
.toolbar-l li i{ display:block; width:18px; height:18px; position:absolute; top:8px; left:10px;}
.toolbar-l li.active a.toolbar-a{padding-left:30px; background:#fff; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc;}
.toolbar-l li.active i{ left:9px;}
.toolbar-l li.xxpl{ background:none;}
.toolbar-l li.xxpl a.toolbar-a{ padding-left:12px;}
.toolbar-l li.xxpl.active a.toolbar-a{ padding-left:11px;}
.toolbar-l li.phone i{ background:url(../images/img_public2016.png) 0 0 no-repeat;}
.toolbar-l li.phone.active i{ background-position:-18px 0;}
.toolbar-l li.weixin i{ background:url(../images/img_public2016.png) -36px 0 no-repeat;}
.toolbar-l li.weixin.active i{ background-position:-54px 0;}
.toolbar-l li.app i{ background:url(../images/img_public2016.png) -120px 0 no-repeat;}
.toolbar-l li.app.active i{ background-position:-144px 0;}
.toolbar-l li.weibo i{ background:url(../images/img_public2016.png) -72px 0 no-repeat;}
.toolbar-l li.weibo:hover i{ background-position:-90px 0;}
.toolbar-l li.collect i{ background:url(../images/img_public2016.png) -167px 0 no-repeat;}
.toolbar-l li.collect:hover i{ background-position:-189px 0;}
.toolbar-l li.sitemap i{ background:url(../images/img_public2016.png) -210px 0 no-repeat;}
.toolbar-l li.sitemap:hover i{ background-position:-230px 0;}
.toolbar-l li.BarrierFree i{ background:url(../images/img_public2016.png) -311px 0 no-repeat;}
.toolbar-l li.BarrierFree:hover i{ background-position:-329px 0;}
.toolbar-l li:last-child{ background: none;}
.toolbar-l li b{border-color: #666 transparent transparent;border-style: solid dashed dashed; border-width: 3px;font-size: 0;height: 0;line-height: 0;position: absolute;right: 6px;top: 14px;width: 0;}
.toolbar-l li.active b{ -webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg); -webkit-transition:all 0.22s ease-in;-moz-transition:all 0.22s ease-in;-ms-transition:all 0.22s ease-in;-o-transition:all 0.22s ease-in;transition:all 0.22s ease-in;right: 5px;}
.toolbar-l li .show-box{ position:absolute; top:33px; left:0; z-index:4;box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1); padding:10px 10px 8px 10px; background:#fff;border:1px solid #dcdcdc; display:none;}
.toolbar-l li .show-box p{font-family:"\5FAE\8F6F\96C5\9ED1"; color:#555; font-size:12px; line-height:1; padding-top:8px; text-align:center;display:block;}
.toolbar-l li.active .show-box{ display:block;}
.toolbar-l li.xxpl .show-box{ width:140px;}
.toolbar-l li.xxpl .show-box li{ float:none; background:none; line-height:29px; height:29px; display:block;}
.toolbar-l li.xxpl .show-box li a{ display:block;font-size:12px; color:#555;}
.toolbar-l li.xxpl .show-box li a:hover{ color:#3aaaf8;}
.toolbar-r li{ display:inline;padding:0 10px; color:#555; font-size:12px; line-height:34px;}
.toolbar-r li.sale-hotline{ position: relative; border-right:1px solid #e0e0e0;}
.toolbar-r li i{ font-style:normal;font-family:Arial; font-weight:bold;}
.toolbar-r li.zxkf a{ padding-left: 20px; color: #3aaaf8;}
.toolbar-r li.zxkf i{ display:block; width:18px; height:18px; position:absolute; top:-2px; left:10px; background:url(../images/img_public2016.png) -268px 0 no-repeat;}

/*cc-header*/
.wrap-header{ position: relative;  height: 80px;z-index: 100; font-family: Arial, Helvetica, sans-serif; z-index: 11;}
.wrap-header .navigation-up{ position: relative; background: #fff; height: 80px; border-bottom: 1px solid #ccc; z-index: 11;}
.header-logo{ float: left;  padding: 18px 0 18px 0;}
.header-logo .logo-img{ width: auto; height: 44px;} 
.header-tool{ float: right; padding: 20px 0; position: relative;}
.header-tool .header-search{ position: relative; padding-right: 30px; float: left;margin-top: 4px; height: 32px; border: 1px solid #999; border-radius: 20px; overflow: hidden;}
.header-search .search-text{ float: left; width: 90px; transition: all 0.3s linear; }
.header-search .search-text .text-placeholder{ display: none; position: absolute; left: 10px; top: 0; font-size: 14px; color: #adadad; line-height: 32px; z-index: 1; opacity: 0;}  
.header-search .search-text input{ position: relative; z-index: 3; display: block; width: 100%; height: 32px; border: none; background: none; outline: none; padding-left: 10px; border-top-left-radius: 20px; border-bottom-left-radius: 20px;  box-sizing: border-box; font-size: 12px; text-align: left;}
.header-search .search-button{ display: block;  position: absolute; right: 5px; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; background: url(/public/images/comm2023/search.png) no-repeat center; background-size: 20px; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);  _filter:none; }
.header-tool .header-search:hover .search-text{ width: 150px;}
.header-tool .header-search:hover .search-button{ filter: none; }  
.header-tool .header-search:hover { border-color: #3AAAF8;}
  
.header-tool .header-Accessible{ float: left;  margin: 0 15px; padding-top: 4px;}
.header-tool .Accessible-icon{ display: block; width: 32px; height: 32px; font-size: 0; display: block;  background: url(/public/images/comm2023/icon-Accessible.png) no-repeat center center; background-size: 32px 32px;  }
.header-tool .header-Accessible:hover .Accessible-icon{ background-image: url(/public/images/comm2023/icon-Accessible1.png); }
.header-tool .header-user{float: left;  }    
.header-tool .user-icon{ display: block; width: 32px; height: 32px; padding: 4px 0; cursor: pointer; font-size: 0; background: url(/public/images/comm2023/icon-user.png) no-repeat center center; background-size: 32px 32px;box-sizing: initial; }
.header-tool .header-user:hover .user-icon{  background-image: url(/public/images/comm2023/icon-user1.png);}
.header-nav{ position: relative; height: 80px; float: left; margin-left: 60px;} 
.header-nav .nav-li{ position: relative; float: left; width: auto; margin: 0; }
.header-nav .nav-li .nav-li-a{ display: block; padding: 20px; font-size: 16px; color: #333; line-height: 40px;}
.header-nav .nav-li.active .nav-li-a{ color: #3AAAF8; }
.header-nav .nav-li:hover .nav-li-a{ color: #3AAAF8; }
.header-nav .nav-line{ position: absolute; left: 0;  bottom: 0; width: 72px; height: 4px; background: #3AAAF8; transition: all 0.3s linear; }
.header-nav .nav-li.group { background: #ffffff;}
.header-nav .nav-li.service { background: #ffffff;}     

.navigation-down{ display: none; position: absolute; top: 80px; left: 0; width: 100%;}
.navigation-down .nav-down-menu{ width: 100%; height: 400px; box-sizing: border-box; margin: 0; position: absolute; z-index: 10; top: 0px; padding: 50px 0; overflow: hidden; border-top: 1px solid #ccc; background: #fff; background:#fff url(/public/images/comm2023/navbg.png) no-repeat right top; background-size: 1920px 400px; }
.navigation-down::before{ display: block; content: ""; position: absolute; z-index: 9; top: 0; left: 0; width: 100%; height: 100000000px; background: rgba(0, 0, 0, .5);}
.navigation-down.showdown{ display: block;}
.nav-down-menu .second-nav li{ float: left; margin: 0 30px; }
.nav-down-menu .second-nav li .pic{ position: relative; width: 48px; height: 48px; margin: 0 auto 4px; overflow: hidden;}
.nav-down-menu .second-nav li .pic img{ position: absolute; top: 0; left: 0; width: 100%; transition: all 0.3s linear;}
.nav-down-menu .second-nav li h3{font-size: 16px; color: #777; line-height: 30px;}
.insurance-down .second-nav li.active{ background: url(/public/images/comm2023/nav-top-sj.png) no-repeat bottom center;}
.service-down .second-nav li{ margin: 0 23px;}               
.nav-down-menu .second-nav li:hover .pic img,.nav-down-menu .second-nav li.active .pic img{ top: -48px;}
.nav-down-menu .second-nav li:hover h3,.nav-down-menu .second-nav li.active h3 { color: #3AA9F8; }
.nav-down-menu .second-nav-table{ border-radius: 4px;}
.nav-down-menu .three-nav { overflow: hidden; margin: -15px 0; max-height: 160px; overflow-y: auto;}
.nav-down-menu .three-nav::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); border-radius: 3px; background-color: #F5F5F5;}
.nav-down-menu .three-nav::-webkit-scrollbar { width: 6px; height:6px; background-color: #F5F5F5;}
.nav-down-menu .three-nav::-webkit-scrollbar-thumb { border-radius: 3px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3); background-color: #bdb9b9;}
.nav-down-menu .three-nav li{ float: left; width: 50%; font-size: 16px; line-height: 24px;  box-sizing: border-box; margin: 15px 0;}
.nav-down-menu .three-nav li abbr{ display: block; color: #000;}
.nav-down-menu .three-nav li span{ display: block; color: #999;}
.nav-down-menu .three-nav li:hover abbr{ color: #3AA9F8;}

.header-user .user-down{ display: none; position: absolute; top: 90px; right: 0; z-index: 9; background: #fff; padding: 28px; width: 240px; border-radius: 16px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-sizing: initial;}
.header-user .user-down dt{ position: relative; padding: 4px 0; padding-left: 63px; font-size: 14px; color: #000; line-height: 22px;  margin-bottom: 30px;}
.header-user .user-down dt a{ color: #0096ED;}
.header-user .user-down .user-img{ position: absolute; left: 0; top: 0; width: 48px; height: 48px; border-radius: 50%;}
.header-user .user-down .user-img img{ width: 100%; }
.header-user .user-down dd{  margin-bottom: 10px; }
.header-user .user-down dd a{ display: block; font-size: 16px; color: #333; line-height: 40px; background: url(/public/images/comm2023/icon-user-right.png) no-repeat right center; background-size:8px 14px;}
.header-user .user-down dd:hover a{ color: #0096ED;}
.nav-down-menu .down-bottom{ position: relative; margin-top: 45px; padding-top: 45px; border-top: 1px solid #CCCCCC; }
.nav-down-menu .down-bottom p{ font-size: 14px; color: #999; line-height: 21px; margin-bottom: 21px;}
.nav-down-menu .down-bottom .tel-item{ position: relative; float: left; margin-right: 20px; padding-left: 100px; border: 1px solid #E0E0E0; box-sizing: border-box; width: 300px; height: 80px; border-radius: 4px;}
.nav-down-menu .down-bottom .tel-item img{ position: absolute; left: 24px; top: 50%; width: 48px; height: 48px; transform: translateY(-50%);}
.nav-down-menu .down-bottom .tel-item p{ font-size: 16px; color: #333; line-height: 24px; padding: 16px 0;}
.nav-down-menu .down-bottom .link-item{ float: left; margin-right: 20px; width: 232px; height: 80px;  text-align: center; border-radius: 4px; background: #F7F7F7; border: 1px solid #E0E0E0;}
.nav-down-menu .down-bottom .link-item a{ width: 232px; height: 80px; font-size: 16px; line-height: 24px; color: #000; display: flex; display:-webkit-flex; justify-content: center; align-items:center; flex-direction:column;   }
.nav-down-menu .down-bottom .link-item:hover a{ color: #3AA9F8; transition: all 0.1s linear;}
.nav-down-menu .down-bottom .link-item:hover{ border-color: #3AA9F8;background: rgba(58, 169, 248, 0.1); transition: all 0.1s linear;}
.nav-down-menu .down-qrcrod-app{ position: absolute; right: 0; top: 45px; width: 110px; text-align: center; }
.nav-down-menu .down-qrcrod-app img{ width: 100%; height: 100%; }
.nav-down-menu .down-qrcrod-app span{ font-size: 12px; color: #383838; line-height: 20px;}
.AboutUs-down .second-nav li{ margin: 0 60px 0 0;}
.AboutUs-down .second-nav li:last-child{ margin-right: 0;}              
.nav-about{ width: 50%;}
.nav-about .logo-list li{ float: left; width: 153px;}
.nav-about .logo-list li:first-child{ width: 173px; margin-right: 110px;}
.header-down-address .down-item-text{  color: #555; margin-bottom: 10px;}
.header-down-address .down-item-btn{ margin-top: 30px; margin-bottom: 0;}
.insurance-down .grid-inner{ position: relative; padding-right: 300px; box-sizing: border-box; } 
.insurance-down .nav-recommend-product{ position: absolute; right: 0; top: -10px; width: 260px; }
.insurance-down .nav-recommend-product .nav-down-pic{ width: 260px; height: 320px; overflow: hidden; display: none; }
.insurance-down .nav-recommend-product .nav-down-pic img{ width: 260px; height: 320px;}


/*ifooterbj*/
.ifooterbj{ width:100%; }
.ifooterbj .grid-inner{ position:relative; width: 1200px;}
.ifooterbj .ifooterbj-content{font-family:"\5FAE\8F6F\96C5\9ED1"; padding-top:40px; padding-bottom:35px; border-bottom: 1px solid #eee; }
.ifooterbj .ifooterbj-l{ float: left; width:  60%;}
.ifooterbj .ifooterbj-l dl{float: left; margin-right: 70px;}
.ifooterbj .ifooterbj-l dl dt{ font-size: 18px; color: #333; line-height: 40px; margin-bottom: 5px;}
.ifooterbj .ifooterbj-l dl {position: relative; font-size: 14px; color: #777; line-height: 40px;}
.ifooterbj .ifooterbj-l dl a{ font-size: 14px; color: #777; line-height: 40px; }
.ifooterbj .ifooterbj-l dl a:hover{ color: #3AAAF8;}
.ifooterbj .ifooterbj-l dl.fotdl-lxwm{ margin-right: 0;}
.ifooterbj .ifooterbj-l dl.fotdl-lxwm dd{ position: relative; }
.ifooterbj .ifooterbj-l dl.fotdl-lxwm a{ font-size: 14px;}
/* .ifooterbj .ifooterbj-l dl.fotdl-lxwm i{ position: absolute; display: block; width: 18px; height: 18px; top: 4px; left: 0;  background:url(../images/img_public2016.png) -250px 0 no-repeat;} */
.ifooterbj .ifooterbj-l dl.fotdl-lxwm .lxwm-zxkf  a{ color: #3AAAF8; text-decoration: underline; }
/* .ifooterbj .ifooterbj-l dl.fotdl-lxwm .lxwm-tel i{ background-position:-286px 0;}
.ifooterbj .ifooterbj-l dl.fotdl-lxwm .lxwm-zxkf i{  background-position:-250px 0; } */
.ifooterbj .ifooterbj-r {float: right; width: 35%; position: relative; height: 230px;}
.ifooterbj .ifooterbj-r .qrcode-ul li{ float:left; margin-left: 30px;}
.ifooterbj .ifooterbj-r .qrcode-ul li img{ margin:0; width: 110px; height: 110px;}
.ifooterbj .ifooterbj-r .qrcode-ul li p{ font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:12px; color:#555; line-height:32px; text-align:center;}
.ifooterbj-copyright{ text-align: center; padding: 30px 0;}
.ifooterbj-copyright p{ padding:0; margin:0; color:#555; font-size:14px; line-height:32px; height:32px; }
.ifooterbj-copyright p a{ display:inline-block; *display:inline; *zoom:1; padding:0 8px;color:#555; font-size:14px; margin-bottom:5px;}
.ifooterbj-copyright p img{ display: inline-block; width: auto;} 
.ifooterbj-copyright p a.special{ padding-left:0; }

/*cc-footer*/
.cc-footer{padding-bottom:57px; border-top:1px #e3e3e3 solid;padding-top:38px;}
.cc-footer .grid-inner{ position:relative;}
.cc-footer .grid-inner:after{clear: both; content: ""; display: block; height: 0; visibility: hidden;}
.copyright-left{ float: left; width: 60%;}
.copyright-right{ float: right; width: 32%;}
.index-links{ color:#777; margin-left:-10px;text-align:left; }
.index-links a{ font-size: 14px; color:#555; line-height: 32px; margin:0 10px;}
.index-links a:hover{ color:#333;}
.index-copyright{ padding: 0; text-align:left;}
.index-copyright p a{ padding-left: 0;}
.index-copyright h3{ display:inline;font-size:100%;font-weight: normal;}
.index-friend{ position:absolute; width:170px; right:0px; bottom:0; z-index:4;}
.index-friend a.friend-btn{ display:block; border:1px #d4d4d4 solid; text-align:center; cursor:pointer; border-radius: 4px;}
.index-friend a.friend-btn strong{ display:inline-block; font-size:12px; font-weight:normal; padding-right:10px; margin:10px 0;}
.index-friend a.friend-btn i{ border-color:transparent transparent #555 ;border-style:dashed dashed solid; border-width: 5px; display: inline-block; font-size: 0; height: 0; overflow: hidden; width: 0; vertical-align:middle;margin-top:-6px;*margin-top:-8px;}
.index-friend a.friend-btn:hover{ border:1px #666666 solid; background:#666666;}
.index-friend a.friend-btn:hover strong{ color:#FFFFFF;}
.index-friend a.friend-btn:hover i{border-color:#ffffff transparent transparent ;border-style: solid dashed dashed; margin-top:0;}
.mod-hover .friend-cont{ display:block;}
.friend-cont{ width:170px; display:none; position:absolute; cursor:pointer;}
.friend-list{ border:1px #CCC solid;}
.friend-list li{border-bottom:1px #ededed solid;}
.friend-list li a{ display:block; height:30px; line-height:30px; text-align:center; background:#FFF;}
.friend-list li a:hover{background:#666666; color:#fff;}
.friend-other{right:200px; }
.friend-cigna{right:0;}
.friend-other .friend-cont{ width:960px; right:-160px; border:1px #CCCCCC solid; background:#fff; padding:10px;cursor:default;}
.friend-other .friend-list{ border:none; line-height: 30px;}
.friend-other .friend-list li{ border:none; display:inline-block; margin-right:10px; *display:inline; *zoom:1;}
.friend-other .friend-list li a{background: none;display:inline; color:#555;}
.friend-other .friend-list li a:hover{ background:none; color:#0099ff;}
.friend-other i.friend-aw{width:13px; height:7px; background:url(../images/img_public.png) -180px -248px no-repeat; position:absolute;right:230px; bottom:-7px; *bottom:-14px;}
.footer-tips{ font-size: 14px; line-height: 32px; color:#999999; }
.footer-tips a{ color: #3AAAF8; text-decoration: underline;}
     
/* 简版头部样式 */   
.mini-page .grid-inner { width: 1200px; position: relative; }
.mini-header { background: #fff; border-bottom: 1px solid #ebebeb; }
.mini-header .mnheader-logo { padding: 18px 0 18px 0; }                  
.mini-header .mnheader-logo .mnlogo-text { float: right; padding-top: 32px; height: 18px; }
.mini-page .mini-ifooter { border-top: 1px solid #ebebeb; }
  
/* other style---------------------------------------------------------------------- */

/*scroll-nav*/ 
body .scroll-nav{ display:block !important; }  
.scroll-nav{position:fixed;z-index: 8; display:block; right:5px; bottom:20px;}
* html,* html body{background-image:url(about:blank);background-attachment:fixed} 
* html .scroll-nav{position:absolute;left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0));top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||140)-(parseInt(this.currentStyle.marginBottom,10)||140)))}
.scroll-nav .fixed-bar{ position: relative; display:block; width:42px; height:42px; z-index: 3; cursor: pointer; font-size:0px; margin-bottom: 12px; border-radius: 50%; background: #fff; text-align:center; box-shadow: 0px 2px 10px 5px rgba(0,0,0,0.04); transition: all .3s linear;}
.scroll-nav .fixed-bar .icon{ width: 24px; height: 24px; display: block; position: absolute; left: 50%; top:50%; background-size: 24px 48px; background-repeat: no-repeat; background-position: center top 0;   overflow: hidden;  transform: translate(-50%,-50%); transition: all .3s linear;}
.scroll-nav .fixed-bar .icon-r5{ background-image: url(/public/images/comm2023/icon-r5.png) ; }
.scroll-nav .fixed-bar .icon-r4{ background-image: url(/public/images/comm2023/icon-r4.png) ; }
.scroll-nav .fixed-bar .icon-r3{ background-image: url(/public/images/comm2023/icon-r3.png) ; }
.scroll-nav .fixed-bar .icon-r2{ background-image: url(/public/images/comm2023/icon-r2.png) ; }
.scroll-nav .fixed-bar .icon-r1{ background-image: url(/public/images/comm2023/icon-r1.png) ; }
.scroll-nav li{ position: relative;}
.scroll-nav li .show-div { position: absolute; left: 0; top: 50%; opacity: 0; z-index: 1; width: 110px; box-sizing: border-box; text-align: center; transform: translateY(-50%); background-color: #fff; padding: 10px; border-radius: 20px; box-shadow: 0px 2px 10px 5px rgba(0, 0, 0, 0.05); transition: all 0.3s linear;}
.scroll-nav li .show-div p{ display: block; font-size: 14px; color: #000;  line-height: 32px; width: 100%;}
.scroll-nav li .show-div img{width: 90px;height: 90px;}
.scroll-nav li .show-text{ left: 0; padding: 5px 20px; width: 100px;}
.scroll-nav li .show-img{ padding-bottom: 0;}   
.scroll-nav li.topping{ display: none;}
.scroll-nav li.top{ display: none;}  
.scroll-nav .fixed-bar:hover{ background: #3AA9F8; }
.scroll-nav .fixed-bar:hover .icon{ background-position: center top -24px;}
.scroll-nav li:hover .show-img{ left: -130px;  opacity: 1; }
.scroll-nav li:hover  .show-text{ left: -110px;  opacity: 1; }

.fiexd-nav { position: fixed; right: 5px; bottom: 20px; z-index: 999999998; background: rgba(255,255,255,0.95); box-shadow: 0 0 10px rgba(0,0,0,0.07);}
.fiexd-nav a{ display: block; width: 64px; height: 64px; border-bottom: 1px solid #eee; font-size: 0; text-indent: 9999; background: url(/public/images/fiexd_icon.png);}
.fiexd-nav a.collect-alink{ background-position:0 0 ; }
.fiexd-nav a.collect-alink:hover{ background-position:-64px 0 ; }
.fiexd-nav a.viewed-alink{ background-position:0 -65px ; }
.fiexd-nav a.viewed-alink:hover{ background-position:-64px -65px ; }
.fiexd-nav a.return-top{ background-position:0 -130px ;  }
.fiexd-nav a.return-top:hover{ background-position:-64px -130px ; }

/*rbBanner*/
.rbBanner{position:fixed;z-index:5; right:0px; bottom:10px; width:157px; height:273px; background:url(../images/index/rbBanner24.png) 0 0 no-repeat;_background:url(../images/index/rbBanner8.png) 0 0 no-repeat;}
.rbBanner i.r_close{ display:block; cursor:pointer; width:22px; height:22px; position:absolute; top:25px; right:4px;}
* html,* html body{background-image:url(about:blank);background-attachment:fixed} 
* html .rbBanner{position:absolute;left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0));top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||5)-(parseInt(this.currentStyle.marginBottom,10)|5)))}
.showrb{ display:block;}
.hiderb{ display:none;}

/*right-fixed*/
.right-fixed{position:fixed;z-index:5; right:0px; bottom:0px; width:152px; height:299px;  background:url(../images/banner/rb_zixun.png) 0 0 no-repeat;_background:url(../images/banner/rb_zixun.png) 0 0 no-repeat;}
.right-fixed i.rf-close{ display:block; cursor:pointer; width:22px; height:22px; position:absolute; top:4px; right:4px;}
* html .right-fixed{position:absolute;left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0));top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||5)-(parseInt(this.currentStyle.marginBottom,10)|5)))}
.right-fixed .rf-a{ position:absolute; z-index:6; display:block; height:90%; width:100%; bottom:0;}

/*footer-fixed*/
.footer-fixed{width:100%;height:200px;background:url(../images/footer_fixed_bg.png) 0 0 repeat-x;position:fixed;bottom:0;left:0;z-index:9999;}
* html,* html body{background-image:url(about:blank);background-attachment:fixed} 
* html .footer-fixed{position:absolute;left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0));top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)|0)))}
.footer-fixed .footer-fixed-inner{ width:1120px; height:230px; background:url(../images/footer_fixed_img.png) 0 0 no-repeat; position:absolute; bottom:0; left:50%; margin-left:-560px;}
.footer-fixed .footer-fixed-close{ display:block; width:31px; height:31px; background:url(../images/footer_fixed_close.png) 0 0 no-repeat; position:absolute; top:42px; right:85px; cursor:pointer;}
.footer-fixed .footer-fixed-a{ display:block; height:100%; width:100%;}

/*topbanner*/
.cc-topbanner {display: none; width: 100%;}
.cc-topbanner .grid-inner {position: relative;width: 100% !important;}
.top-banner { background-position: center center !important; display: block; height: 80px; width: 100%;}
.top-notify { background: #fdf0ca; color: #ff9900; display: block; height: 30px; line-height: 30px; text-align: center;}
.close-banner { background:#fff; border-radius: 9px; color: #888; cursor: pointer; font-size: 16px; font-style: normal; font-weight: bold; height: 19px; line-height: 18px; position: absolute; right: 5px; text-align: center; top: 5px; width: 19px;}
.close-banner:hover { background: #333; color: #fff;}

/* rightkf */
.fixed-rightkf{ position: fixed; right: 0; bottom: 20%; z-index: 99; padding-top: 20px;}
.fixed-rightkf .icon-close{ display: block; position: absolute; top: 0; right: 0; width: 20px; height: 20px; cursor: pointer; z-index: 9; background: url(../images/zixun/icon-close.png) no-repeat center;}

/*brands*/
.brand{height: 180px; background: url(/public/images/comm2019/brandbg.jpg) no-repeat center; }
.brand .content{ display: block; width: 1200px; margin: 0 auto;}
.brand .content img{width: 100%;}

/*layer*/
html .layui-layer{_overflow:hidden}
.ie-hack{text-align: center; }
.ie-hack-title{padding-top: 60px; font-size: 30px; color: #333; line-height: 1.8; margin-bottom: 20px;}
.browser-btn{margin-top: 40px;}
.browser-btn a{display: inline-block; width: 132px; text-align: center; margin-bottom: 25px; color: #2c9ab7; text-decoration: none;}
.browser-btn img{width: 70px; height: 70px; margin-bottom: 10px;}

/*旧版底部品牌样式 brands*/
.brands{ width: 100%; background: #f3f3f3; font-family:\5FAE\8F6F\96C5\9ED1; color:#777;}
.brands .brands-inner{ width: 980px; margin:0 auto; padding: 40px 0;}
.brands-title{ position:relative; padding-top:20px; margin-bottom:40px;}
.brands-title strong{ position:absolute; background:#f4f4f4; padding:0 5px; top:0; left:30px;}
.brands-title hr{height:2px; background:#d2d2d2;color:#d2d2d2; border-bottom:1px solid #fff;}
.brands-cont{ overflow: hidden;}
.brands-list{ float: left;}
.brands-list dt{ margin-bottom: 10px;}
.brands-list dd{}
dl.brands-cignacmb{ width:380px; padding-right:30px; border-right:1px dashed #d2d2d2;}
dl.brands-cignacmb dt{ line-height:21px;}
dl.brands-cignacmb dd{ line-height:24px;}
dl.brands-cmb{ width:259px; padding-left:30px;}
dl.brands-cmb dt{}
dl.brands-cmb dd{ line-height:24px;}
dl.brands-cigna{  width:250px; padding-left:30px;}
dl.brands-cigna dt{}
dl.brands-cigna dd{ line-height:24px;}
.inside-list .brands .brands-inner{ width: 1200px; }
.product-detail .brands .brands-inner{ width: 980px; }

/*layui-activity*/
body .layui-activity{ background: none; box-shadow: none;}
body .layui-activity .layui-layer-content{ overflow: hidden;}
#activity-layer{ position: relative; padding-bottom: 100px;}
#activity-layer .layer-cont{border-radius: 10px ; overflow: hidden;}
#activity-layer .layer-cont img{ width: 100%;}
#activity-layer .layer-close{ display: block; position: absolute; left: 50%; bottom: 0; margin-left: -30px; width: 60px; height: 60px; border-radius:50%; cursor: pointer; }
#activity-layer .layer-close img{width: 100%;}

/*** layer style ***/
body .layui-state .layui-layer-content { position: relative; padding: 30px; padding-bottom: 50px; }
body .layui-state .layui-layer-content p { font-size: 14px; color: #555; }
body .state-bottom { position: absolute; left: 0; bottom: 0; width: 100%; border-top: 1px solid #ddd;} 
.state-bottom a { display: block; float: left; width: 50%; line-height: 50px; text-align: center; font-size: 14px; color: #777; }
.state-bottom .btn-yes { width: 49%; border-left: 1px solid #ddd; color: #3aaaf8; }
.state-bottom .wd1{ width: 100%; border: none; font-size: 16px;}

/*lib icheck*/
.icheckbox_square-blue,.iradio_square-blue { display: inline-block;vertical-align: middle; margin-right:5px;  padding: 0; width:20px; height:20px; background:url(/public/images/detail/icon_icheck.png) no-repeat; border: none;  cursor: pointer;}
.icheckbox_square-blue { background-position: -80px 0;}
.icheckbox_square-blue.hover { background-position: -80px 0;}
.icheckbox_square-blue.checked { background-position: -100px 0; }
.icheckbox_square-blue.disabled { background-position: -120px 0; cursor: default; }
.icheckbox_square-blue.checked.disabled { background-position: -140px 0; }
.iradio_square-blue {background-position: 0 0; }
.iradio_square-blue.hover { background-position: 0 0; }
.iradio_square-blue.checked {  background-position: -20px 0; }
.iradio_square-blue.disabled {  background-position: -40px 0; cursor: default;}
.iradio_square-blue.checked.disabled { background-position: -60px 0; }